<template>
    <div id="" class="div">
        <div class="tuic">
          <div>确认退出？</div>
          <div>
            <button @click="tuichu">退出</button>
            <button @click="quxiao">取消</button>
          </div>


        </div>
    </div>
</template>

<script>
    export default {
        name: "log_out",
      data(){
          return{

          }
      },
      methods:{
        tuichu:function () {
          window.location.href="http://localhost:8081";
        },
        quxiao:function(){
          this.$router.back(-1);//返回上一个路由
        }
      }
    }
</script>

<style scoped>

  .div{width: 100%}
  .tuic{
    width: 300px;
    margin: 100px auto;
    border: 1px solid darkgray;
    background-color: white;
    border-radius: 5px;
    box-shadow: darkgray 0 0 5px 1px;
  }
  .tuic>div:first-child{padding: 50px}
  .tuic>div:last-child{
    display: flex;
  }
  .tuic>div:last-child button{flex: 1}
</style>
